/**
 * Created by Administrator on 2017/8/4.
 */


import React,{ Component } from 'react'
import {TouchableOpacity,Image, Text ,StyleSheet, View,Dimensions} from 'react-native'
const ScreenSize = {
    width: Dimensions.get('window').width,
    height: Dimensions.get('window').height
};
const styles = StyleSheet.create({
    ll:{
        height:75,
        width:ScreenSize.width,
        alignItems:'center',
        flexDirection:'row',
        backgroundColor:'#fff'
    },
    Img:{
        width:40,height:40,borderRadius:20,marginLeft:12
    },
    leftLl:{
        flexDirection:'column',
        height:40,
        flex: 1,
        justifyContent:'space-between',
        marginLeft:12
    },
    leftTopll:{
        flexDirection:'row',
        justifyContent:'space-between'
    },
    leftTv:{
        fontSize:16,color:'#222'
    },tv:{
        color:'#999',fontSize:14
    }
})

let msgImg = require('../Img/icon_tongzhi.png')

export default class Message extends Component{

    render(){
        return(
            <TouchableOpacity style={styles.ll}
                              onPress={()=>this.props.navigation.navigate('ReplenishmentNotify')}>
                <Image style={styles.Img} source={msgImg}/>
                <View style={styles.leftLl}>
                    <View style={styles.leftTopll}>
                        <Text style={styles.leftTv}>补货通知</Text>
                        <Text style={[styles.leftTv,{fontSize:13,marginRight:12}]}>2017-06-08</Text>
                    </View>
                    <Text style={styles.tv}>您有一条新的补货清单，请查收！</Text>
                </View>
            </TouchableOpacity>
        )
    }
}